/* CSS Document */

/* General */

* {
margin: 0;
padding: 0;
font-family: Verdana; font-size: 100%;
}

html {
height: 100%;
font-size: 62.5%;
}

body {
height: 100%;
text-align: center;
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
color: #003B69;
background-color: #AAD6F0;
min-width: 782px;
 
}

a:link, a:visited {
color: #004D89;
text-decoration: underline;
font-weight: bold;
}

a:hover {
text-decoration: none;
}

.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
content: ' ';
}

.noscreen {
display: none;
}

.hidden { /* Skip menu */
position: absolute;
top: -10000px;
left: 0;
width: 1px;
height: 1px;
overflow: hidden;
}


/* Paragraphs, headings, ... */

p {
line-height: 170%;
margin-bottom: 12px;
color: #003B69;
}


h5 {
line-height: 170%;
margin-bottom: 10px;
color: #FF0000;
}

h1 {
font-size: 3em;
font-weight: normal;
color: #FFFFFF;
text-align: left;
padding: 30px 0 0 75px;
letter-spacing: 1px;
}

h1 a:link, h1 a:visited {
font-weight: normal;
text-decoration: none;
color: #FFFFFF;
}

h2 {
font-size: 1.3em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color: #333333;
letter-spacing: 1px;
margin-bottom: 7px;
}

h3 {
font-size: 1.5em;
font-family: Georgia, "Times New Roman", Times, serif;
color: #4D4D4D;
font-weight: bold;
letter-spacing: 1px;
margin-bottom: 7px;
}

h3 a:link, h3 a:visited {
font-weight: bold;
color: #004C87;
text-decoration: none;
}

h3 a:hover {
text-decoration: underline;
}

h4 {
font-size: 1.1em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color: #004C87;
letter-spacing: 1px;
margin-bottom: 7px;
}

.servererror
{
		margin:8px 0px 0px 180px;
		padding:3px 0px 0px 5px;
		border-top:1px dotted #ccc;
		clear:both;

}


/* Wrapper  display: table;*/

#wrapper {
width: 782px;
margin: 30px auto 0 auto;
}

/* Header */
#header {
width: 782px;
height: 125px;
position: relative;
margin: 0 auto;
background: #025382 url('img/hd-bg.gif') no-repeat 0 0;
}

#headerbox{
width: 782px;
height: 125px;	
}

/* Search form */
#searching
{
width: 250px;
position: absolute;
top: 96px;
right: 50px;
z-index: 10px;
}
form #searching label {
display: none;
}
#picture-input {
float: left;
width: 152px;
height: 20px;
padding-top: 3px;
margin-right: 10px;
}

#picture-input input {
width: 150px;
height: 20px;
border: 0;
letter-spacing: 1px;

}


#smallsearch {
margin-top: 3px;
float: left;
letter-spacing: 1px;
padding-right: 0;
font-weight: normal;
BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid
}

form.searching label {
display: none;
}

/* Login/register */
.login {
width:200px;
height: 20px;
position: absolute;
top: 10px;
right: 20px;
z-index: 10px;
border: 0;
color: #FFFFFF;
}

.login a{
color: #FFFFFF;
text-decoration: none;
}
.login a:hover{
text-decoration: underline;
cursor: pointer;
}



/* Menu */
.menu
{
width: 400px;
height: 50px;
position: absolute;
top:96px;
right: 300px;
}
.menu ul{
display: inline;
}

.menu li {
list-style-type: none;
float: left;
width: 90px;
display: inline;
margin-left: 3px;
padding: 0 10px 0 10px;
}

.menu li a {
float: left;
display: block;
background: url('img/tab-body.gif') repeat-x 0 0;
color: #FFFFFF;
text-decoration: none;
height: 29px;
line-height: 29px; 
width: 110px;
list-style-type: none;
}
    
   
.menu li a:hover {
text-decoration: underline;
cursor: pointer;
width: 110px;
}

.menu li.active a{
float: left;
display: block;
background: #FFFFFF url('img/tab-body-hover.gif') repeat-x 0 0;
color: #E96516;
text-decoration: none;
height: 29px;
line-height: 29px; 
width: 110px;
list-style-type: none;	
	
}



/* Navigation */

#navigation{
width: 700px;
height: 10px;
text-align: left;
margin-bottom: 20px;
}

#navigation p {
text-align: left;
color: #202020;
margin: auto;
padding-left: 2px;
}

#navigation p a, #navigation p a:visited {
color: #202020;
font-weight: normal;
text-decoration: underline;
}

#navigation p a:hover {
text-decoration: none;
}

/* latest comment/popular course */

.latest {
background-color: #EBFFC0;
border: 1px solid #B1CF28;
width:265px;
height: 22px;
font-size: 0.9em;
margin-bottom:0;
margin-left: 250px;
}

.latest-in {
margin: 4px 7px;
}

.latest-in p {
margin: 0;
line-height: 1;
}

.latest-in p a, .latest-in p a:visited {
font-size: 1.1em;
font-weight: normal;
padding: 0 2px;
color: #214F73;
}

.latest-in p a:hover {
color: #DEEBF6;
background-color: #214F73;
}

/*  */

#content {
width:769px;
margin:auto;
background: #FFFFFF;
}

#content-box {
width: 100%;
margin: 0 auto;
text-align: left;
}

/* Search */
#search-box{
width: 650px;
margin: 0 auto;
text-align: left;
}

.search-box{
margin: 0 15px 25px 15px;
padding-bottom: 7px;
float:left;
font-size: 1.2em;
}

#search-right{
 margin: 10px;
 padding: 0;
 width: 300px;
 float: left;
}
#search-left{
 margin: 10px;
 padding: 0;
 width: 300px;
 float: left;
}

/*search*/
#search {
float:right;
font-size: 1.2em;
margin: 10px 75px 10px 75px;
}

#search a, #search a:visited {
color:#004C87; 
background-color:#EBF7FF;
padding: 0 2px;
}

#search a:hover {
text-decoration: none;
background-color:#004C87;
color:#EBF7FF;
}

/* Order */
#order {
float:right;
font-size: 1.2em;
margin: 10px 75px 10px 75px;
}

#order a, #order a:visited {
color:#004C87; 
background-color:#EBF7FF;
padding: 0 2px;
}

#order a:hover {
text-decoration: none;
background-color:#004C87;
color:#EBF7FF;
}
/* content-box-inside */
#content-box-inside {
width: 700px;
float: left;
margin: 10px 20px 10px 20px;

}

#search-result{
width:720px;
background: #FFFFFF;
border: 1px solid #AAD6F0;
}

#course-box {
margin: 10px 0 20px 10px

}

/* Content box with light blue background background: #EBF7FF ; */
.box {
		width: 700px;
		}
      
#box-in {
padding: 10px 0 15px 0;
}

.course{
	width: 645px;
	height: auto;
padding: 20px 20px 20px 20px;
background: -moz-linear-gradient(#FCFDFE, #F4F8FC) repeat scroll 0 0 #FCFDFE;
    border: 1px solid #C9DDF2;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 -2px 0 rgba(204, 223, 243, 0.3) inset, 0 0 1px rgba(0, 0, 0, 0.1);
    display: block;
    margin-bottom: 1.3em;
margin-left: 1.5em;
margin-top: 1em;

}

#university {

float:left;
font-size: 1.2em;
}
#rate {
float:right;
text-align: right;
margin-top: 8px;
margin-left: 460px;
}

#rate a, #rate a:visited {
text-decoration: underline;
color: #1D5800;
font-style: italic;
padding: 0 2px;
}

#rate a:hover {
text-decoration: none;
background-color: #1D5800;
color: #EBF7FF;
}


/* The comment date */
.date {
float:right;
width: 55px;
margin: 3px 5px 0 5px;
}
.date2 {
float:right;
width: 15px;
margin: 3px 5px 0 5px;
}

.ratevalue{
		font-size:1.1em;
		font-weight: bold;
		font-variant:small-caps;		
		padding:0px 5px 0 5px;
}

/* Code*/
#code { 
 position: relative;
 width: 235px;
 font-size: 1.2em;
 float: left;
}
#star { 
 position: relative;
 width: 225px;
 font-size: 1.2em;
 float: left;
}


/* Create course */
#create-course{
padding:10px 20px 10px 30px;
margin:10px;
text-align:justify;
line-height:20px;
border-bottom:1px #b2bbbb dashed;
}

/* course details */
#description{
width: 645px;
height: auto;
padding: 20px 20px 20px 20px;
background: -moz-linear-gradient(#FCFDFE, #F4F8FC) repeat scroll 0 0 #FCFDFE;
    border: 1px solid #C9DDF2;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 -2px 0 rgba(204, 223, 243, 0.3) inset, 0 0 1px rgba(0, 0, 0, 0.1);
    display: block;
    margin-bottom: 1.3em;
margin-left: 1.5em;
} 

#details_title{
width: auto;
margin-bottom: 7px;
height: auto;
float: left;
} 
.details_category{
width: 300px;
margin-right:20px;
font-weight: bold;
font-size: 1.1em;
} 
.comment-box{
margin-top: 15px;
width: 685px;
height: auto;
} 

/**/
.comment-inside-box {
width: 645px;
height: auto;
padding: 20px 20px 20px 20px;
background: none repeat scroll 0 0 #E3EDFA;
border: 1px solid #CCD6E3;
border-radius: 5px 5px 5px 5px;
margin-bottom: 1.3em;
margin-left: 1.5em;
dispaly: block;
box-shadow: 0 -1px 0 #D7E1ED inset, 0 1px 0 rgba(0, 0, 0, 0.05);
} 

.rate-box{
border: 1px solid #78bee2;
background-color: #FFFFFF ;
width: 655px;
height: auto;
padding: 10px 10px 10px 10px;
margin: 20px 5px 20px 5px; 
}

.year-semester{
display:inline;
width: 50px;
height: auto;
float:left;
padding-right:100px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.1em;
font-weight: bold;
color: #666666;
}
.tutor{
float:right;
margin-top: 5px;
margin-right: 4px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 0.9em;
font-weight: normal;
color: #666666;
}

.comment-year {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.1em;
font-weight: bold;
color: #666666;
letter-spacing: 1px;
margin-right: 10px;
}


/* course details */

/* Footer */
#footer {
width: 782px;
height: 53px;
background: #025382 url('img/footer-bg.gif') no-repeat 0 0;
margin: 0 auto 30px auto;
}

#footer-in {
padding: 7px 10px;
}

#footer-in p {
font-size: 0.9em;
color: #FFFFFF;
margin: 0;
}

#footer-in p a, #footer-in p a:visited {
color: #FFFFFF;
text-decoration: underline;
font-weight: normal;
padding: 0 2px;
}

#footer-in p a:hover {
text-decoration: none;
background-color: #FFFFFF;
color: #025382;
}

#footer-in p span {
font-size: 1.1em;
}

#footer-in p a span {
font-size: 1.1em;
font-weight: bold;
}

/*button*/
form .button
{
font-family: "tahoma";
    font-size: 9pt; color: #003366;
    border: 1px #93bee2 solid;
    background-color: #ffffff;
    cursor: hand;
    font-style: normal ;
    width: 100px;	
    height: 20px;
    margin-top: 10px;
    margin-left: 40%;
}

.hidden
{
visibility: hidden;	
}
/*validation*/

/*form*/
form{
		width:700px ;
		}

	fieldset.submit
		{
		padding-left: 190px ;
		}

	form label{
		padding:0px 10px;
		width: 160px;
		}

	form label.error,
	form input.submit
		{
		margin-left:180px ;
		border: 1px solid #78bee2;
		background: #FFFFFF;
		}		

	form fieldset fieldset label.error
		{
		margin-left:0px ;
		width:200px ;
		}		


	form .centered{
		margin-left:180px !important;
		width:200px !important;
		}
	
	form .text, 	
	form .group,
	form .control,
	form .submit,
	form textarea,
	form select
		{
		width: 200px !important;
		}
		
form fieldset {	
	margin: 30px 50px 50px 70px;
	padding: 10px 10px 10px 0px;
	border: 1px solid #BFBAB0;
	background-color: #FFFFFF;
	float: left;
	clear: both;
	width: 85%;
	height: auto;
}

form legend
{
		color: #000000;		
		font-size:1.3em;
		font-weight: bold;
		font-variant:small-caps;		
		margin-left: 1em;
		padding:0px 5px 0 10px;
}

form ul
		{
		padding:5px 10px;
		list-style: none;
		}
	
	form li
		{
		width: 90%;
		margin-right: 5px;
		padding:5px 0px 10px 0;
		border-top:1px dotted #ccc;
		
		display:block;
		float: left;
		clear: left;
	}
	
	form li:first-child
		{
		border:none;
		}
		
		form li:second-child
		{
		border:none;
		}
		
	form label
		{
		padding:0px 10px;
		width: 160px;
		float: left;
		}
		
	form .error{
		color: #c00;
		}
		
	form label.error
		{
		color: #c00;
		
		font-size: 100%;
		font-weight: bold;
		font-variant:small-caps;
		
		width:308px;
		display: none;

		margin:8px 0px 0px 180px;
		padding:3px 0px 0px 5px;
		border-top:1px dotted #ccc;
		
		clear:both;
		}
		
	form label.info{
		font-size: 100%;
		font-weight: bold;
		font-variant:small-caps;
		
		margin:8px 0px 0px 180px;
		padding:3px 0px 0px 5px;
		}

form fieldset fieldset,
	form .group
		{
		width:200px;
		
		margin: 0;
		border:none;
		
		background:none;
		
		float:left;
		clear: none;
		
		}
		
	form fieldset fieldset label
		{
		width:auto ;
		white-space:nowrap;
		padding:0px;
		margin:0px;
		display:block;
		clear:both;
		}
		
	form label label.error{
		margin-left:0px;
		}

	form label.centered{
		padding:0px 0px;
		width:200px ;
		}
	form fieldset fieldset label.spaced
		{
		margin-bottom:3px;
		}		

.col-1,
	fieldset fieldset.col-1 label
		{
		width:100%;
		}

	.col-2,
	fieldset fieldset.col-2 label
		{
		width:50%;
		}

	.col-3,
	fieldset fieldset.col-3 label
		{
		width:33%;
		}

	.col-4,
	fieldset fieldset.col-4 label
		{
		width:25%;
		}

	form input.submit{
		margin:10px 0px 10px 180px;
		padding:0px 2px;
		}

	form input, textarea, select, 
	form label
		{
		font-size:1.1em;
		line-height:1.6em;
		}

	form input, textarea, select
		{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}

	form .input[type="text"],
	form textarea
		{
		border: 1px solid #78bee2;
		padding:1px;
		}
		
	form .input[type="radio"],
	form .input[type="checkbox"]
		{
		margin:0px;
		padding:0px;
		position:relative;
		top:3px;
		}
	form label.required{
		background-image:url(images/required_star.gif);
		background-position:right;
		background-repeat:no-repeat;
		}
	
	form span.required{
		padding-right:15px;
		}
		
	form .clean
		{
		border:none;
		}
		
	form .info{
		padding-top:0.5em;
		font-size:80%;
		line-height:100%;
		color:#aaa;
		}
		
	form .indent{
 		padding:2px 20px; 
		width:auto !important;
		white-space:nowrap;
		padding-left: 25px !important;
 		}
		
	form label.disabled{
		color:#aaa;
		}
	
	form .highlight{
		background-color:#F0F8FF;
		}
	
	.off{
		display:none ;
		}

/*rating star*/

.rating_bar {
  width: 55px;
  background: url('img/star_x_grey.gif') 0 0 repeat-x;
}

.rating_bar div {
  height: 25px;
  background: url('img/star_x_orange.gif') 0 0 repeat-x;
  
  /*clear*/
  .clear{
		clear:both;
		}
		
span.stars, span.stars span {
    display: block;
    background: url('img/stars.png') 0 -16px repeat-x;
    width: 80px;
    height: 16px;
}

span.stars span {
    background-position: 0 0;
}



